import React, { useRef } from 'react'

export default function Useref() {
    // 创建 ref 容器
    let input=useRef();
    let div=useRef();

    //获取数据方法
    let getdata=()=>{
        div.current.innerHTML=input.current.value;

        input.current.value='';
    }
  return (
    <>
        <h1>学习函数式组件 useRef()   hook</h1>
        <input ref={input} type="text" />
        <button onClick={getdata}>获取数据</button>
        <div ref={div} style={{width:'300px',height:'300px',border:'1px solid red'}}></div>
    </>
  )
}
